<template>
  <div class="g-rowb1">
    <div class="g-topb1">
      <div class="ll">
        <div class="g-titb1">
          <router-link to="/personManagement" class="h3">设置中心</router-link>
          <div class="s">/东风科技养殖场</div>
        </div>
      </div>
      <div class="rr">
        <router-link to="/" class="g-btnb1">
          <img src="@img/b-i1.png" alt="" class="icn" />
          <span>返回首页</span>
        </router-link>
      </div>
      <img src="@img/b-line1.png" alt="" class="line" />
    </div>
    <div class="col-l">
      <div class="b-snv">
        <router-link to="/baseInfo" class="item" :class="$route.meta.spos == 1 ? 'on' : ''">
          <div class="icon">
            <img src="@img/s-i1.svg" alt="" />
          </div>
          <div class="t">基本信息</div>
        </router-link>
        <router-link to="/userInfo" class="item" :class="$route.meta.spos == 2 ? 'on' : ''">
          <div class="icon">
            <img src="@img/s-i2.svg" alt="" />
          </div>
          <div class="t">人员信息</div>
        </router-link>
        <router-link to="/cameraInfo" class="item" :class="$route.meta.spos == 3 ? 'on' : ''">    
          <div class="icon">
            <img src="@img/s-i3.svg" alt="" />
          </div>
          <div class="t">摄像头信息</div>
        </router-link>
        <router-link to="/deviceInfo" class="item" :class="$route.meta.spos == 4 ? 'on' : ''">
          <div class="icon">
            <img src="@img/s-i4.svg" alt="" />
          </div>
          <div class="t">设备信息</div>
        </router-link>
        <router-link to="/warningInfo" class="item" :class="$route.meta.spos == 5 ? 'on' : ''">
          <div class="icon">
            <img src="@img/s-i5.svg" alt="" />
          </div>
          <div class="t">设备预警设置</div>
        </router-link>
        <router-link to="/personManagement" class="backbtn">返回设置中心</router-link>
      </div>
    </div>
    <div class="col-r">
      <router-view></router-view>
    </div>
    <div class="c"></div>
  </div>
</template>

<script setup>
import { reactive, ref, onMounted } from 'vue';



function getImageUrl (name) {
  return new URL(`../assets/images/${name}`, import.meta.url).href;
}




</script>

<style>
</style>